<template>
  <view>
    <TmIcon
      v-if="checked"
      class="hb-flex-shrink-0"
      name="ali-icon icon-danxuan_xuanzhong"
      color="primary"
      :font-size="fontSize"
    />
    <TmIcon
      v-else
      class="hb-flex-shrink-0"
      name="ali-icon icon-danxuan_weixuanzhong"
      color="#969799"
      :font-size="fontSize"
    />
  </view>
</template>

<script setup lang="ts">
  import { propTypes } from '@/utils/propTypes';

  defineProps({
    checked: propTypes.bool.def(false),
    fontSize: propTypes.number.def(40),
  });
</script>

<style scoped></style>
